extend personLeft.pug

block append pageStyle
	link(href='${relativePath}/static/css/personCenter/application.css' type="text/css" rel="stylesheet")

block personRight
	div.rightContent.fl
		//- 申请认证
		div.applicationBox
			form#applicationForm(enctype ="multipart/form-data")
				div.row
					label 证件类型：
					input.inpTxt.idCard(type="button" name="idCard" value="身份证" readonly)
				div.row
					label &nbsp;&nbsp;&nbsp;证件号：
					input.inpTxt.idNumber(type="text" name="idNumber")
				div.row
					label &nbsp;&nbsp;&nbsp;手机号：
					input.inpTxt.phoneNumber(type="text" name="phoneNumber")
				div.row
					label.fl &nbsp;&nbsp;&nbsp;&nbsp;验证码：
					div.codeM.fl
						input.inpTxt.phoneCode.fl(type="text" name="phoneCode")
						input.inpTxt.passCode(type="button" value="发送验证码")
				div.upImgs
					div.face.frontFace
						img#show_pic(src="${relativePath}/static/imgs/face1.png")
					div.face.outFace
						img#show_pic1(src="${relativePath}/static/imgs/face2.png")
					div.imgTxt.zmFace 
						span.upImgBtn 上传图片
							input.file(type="file" id="files" name="files[]" multiple="")
							input.hidden1(type="hidden" name="test" value="")
						br
						|*请上手持正面证件照
					div.imgTxt 
						span.upImgBtn 上传图片
							input.file(type="file" id="files_2" name="files_2[]" multiple="")
							input.hidden2(type="hidden" name="test" value="")
						br
						| *请上手持反面证件照
				div.userAgree
					p.title 请阅读《标识汇用户协议》：
					div.agreeContent
						h4 用户协议
						p.covage 标识汇尊重用户的隐私权，并制定隐私政策，保护您的隐私权。隐私政策包括：标识汇的用户情况，我们所收集的信息，怎样利用这些 信息，以及与谁分享这些信息。当您使用我们的网站或服务，或与我们进行商务交易时，我们建议你仔细 阅读“隐私政策”。通过使用我们的网站，表明您已接受本保密协议的规定。
						p.titleOne 我们收集并处理以下信息：
						p.covage 1.您填写的相关信息（包括您的个人信息，联系信息，以及所填写的其他 档案信息）。同时，我们也收集以下信息：当你自由填写顾客调查表，提供反馈和参与竞争时，所提供的相关信息。
						p.covage 2.如果您与我们联系，我们会记录你的通信信息。
						p.covage 3.浏览我们网站的访客，并且他们的信息已被记录的，可以有权以相同的信息登录，并有权更正信息或查看有关该信息的政策和规则。访客可以直接与我们联系。
						p.titleOne 我们按以下方式使用所收集的用户信息：
						p.covage 1.管理您的用户账户（包括：通知您任何匹配的对象，提示，通告，更新 资料或促销活动）
						p.covage 2.帮助你订制个性化的网站回访
						p.covage 3.向您提供您所询问的信息，产品或服务，或者你感兴趣的信息
						p.covage 4.进行市场分析和调查
						p.covage 5.帮助我们改进服务结构，布局和适用性
						p.titleOne 特别声明
						p.covage 对于因不可抗力或因黑客攻击、通讯线路中断等标识汇不能控制的原因造成的网络服务中断或其他缺陷，导致用户不能正常使用《标识汇》，《标识汇》不承担任何责任，但将尽力减少因此给用户造成的损失或影响。本声明未涉及的问题请参见国家有关法律法规，当本声明与国家有关法律法规冲突时，以国家法律法规为准。本网站相关声明版权及其修改权、更新权和最终解释权均属《标识汇》所有。感谢您使用标识汇，我们将致力于为您提供更贴心的服务！
				//- 底部同意协议
				div.agreeBox
					label.agreeCheck
						input(type="checkbox" checked="checked" name="agree")
						| 我已阅读并同意
						a.agreeT(href="javascript:;") 《使用条款及协议》
				div.submitBox
					input.subBtn#btn(type="button" value="提交保存")


block append pageScript
	script(type="text/javascript" src="${relativePath}/static/js/jquery.validate.min.js")
	script(type="text/javascript" src="${relativePath}/static/js/messages_zh.js")
	script(type="text/javascript" src="${relativePath}/static/js/card.js")


	script.
		$(function(){
			//- 当前选中
			$("#apply").addClass("current").siblings().removeClass("current");
			$(".realRZ").addClass("current").siblings("a").removeClass("current");
			$(".realRZ").click(function() {
				$.post(shopIp+"/Utils/uploadFiles",
					{
						userToken:token
					},function(data) {
						console.log(data);
						
				})
			})
			//- 发送验证码
			var countdown=60;
			function settime(obj) {
			    if (countdown == 0) {
			        obj.removeAttribute("disabled");    
			        obj.value="获取验证码";
			        countdown = 60;
			        return;
			    } else {
			        obj.setAttribute("disabled", true);
			        obj.value="重新发送(" + countdown + ")";
			        countdown--;
			    }
			setTimeout(function() {
			    settime(obj) }
			    ,1000)
			}

			//- 点击发送验证码
			$(".passCode").click(function(){
				var phoneNum = $(".phoneNumber").val();
				console.log(phoneNum);
				var _this = this;
				if(phoneNum == ""){
					layer.msg("请输入手机号!");
					return false;
				}else{
					$.ajax({
						url:shopIp+"/Utils/sendCaptcha",
						type:"post",
						data:{
							os:"web",
							phone:phoneNum,
						},
						dataType: "jsonp",
					}).done(function(data){
						//console.log(data);
						if(data.status == "200"){
							settime(_this);
						}else{
							layer.msg("发送失败!");
						}
					})
				}
				
			})
			//- 电话号码验证
			jQuery.validator.addMethod("isMobile", function(value, element) {
				var length = value.length;
				var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
				return this.optional(element) || (length == 11 && mobile.test(value));
			}, "请正确填写您的手机号码");

			// 身份证号码验证
			jQuery.validator.addMethod("isIdCardNo", function(value, element) {
				//var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
				return this.optional(element) || idCardNoUtil.checkIdCardNo(value);
			}, "请正确输入您的身份证号码");
			
			//- 点击提交
			var validator1 = $("#applicationForm").validate({
				rules: {
					idNumber:{
						required:true,
						isIdCardNo:true,
					},
					phoneNumber:{
						isMobile:true,
						required : true,
					},
					phoneCode:{
						required: true,
						number:true
					},
					agree:{
						required:true
					},
					test:{
						required:true
					}
				},
				messages : {
					idNumber:{
						required : "请输入正确的身份证号"
					},
					phoneNumber : {
						required : "请输入手机号"
					},
					phoneCode:{
						required:'请输入验证码'
					},
					agree:{
						required:"请同意协议"
					},
					test:{
						required:"请上传图片"
					}
			    },
			    errorPlacement: function(error, element) {  
					error.appendTo(element.parent(".row"));
					if(element.is("[name='phoneCode']")){
						//alert("222");
					//- 	element.closest("ul").find("label.error").remove();
						element.closest(".codeM").append(error);
					}
					if(element.is("[name='agree']")) {
						element.closest(".agreeCheck").append(error);
					}
				}
			});

			//- 上传证件照
			if (window.File && window.FileReader && window.FileList && window.Blob){
				//Blob是计算机界通用术语之一，全称写作：BLOB (binary large object)，表示二进制大对象。
				//全部支持
				function handleFileSelect(evt) {
					var files = evt.target.files, f = files[0];
					var formdata=new FormData($("#applicationForm")[0]);
					//console.log(formdata)
					if (!/image\/\w+/.test(f.type)){
						layer.msg("请确保文件为图像类型");
						return false;
					}
					var reader = new FileReader();
					reader.onload = (function(theFile) {
						return function(e) {
							var show_pic = document.getElementById("show_pic");
							show_pic.src = e.target.result;
							//console.log(e.target.result);
						};
					})(f);
					reader.readAsDataURL(f);
					$.ajax({
						url:shopIp+"/Utils/uploadFiles?userToken="+token,
						type:"post",
						data:formdata,
						dataType:"json",
						async:false,
						cache:false,
						contentType:false,
						processData:false,
						success:function(data) {
							//console.log(data.data.path);
							$(".hidden1").val(data.data.path);
						},
						error:function(data) {
							console.log(data);
						}
					})
				}
				document.getElementById('files').addEventListener('change', handleFileSelect, false);

				function handleFileSelect2(evt) {
					var files_2 = evt.target.files, f = files_2[0];
					var formdata=new FormData($("#applicationForm")[0])
					if (!/image\/\w+/.test(f.type)){
						layer.msg("请确保文件为图像类型");
						return false;
					}
					var reader = new FileReader();
					reader.onload = (function(theFile) {
						return function(e) {
							var show_pic = document.getElementById("show_pic1");
							show_pic.src = e.target.result;
						};
					})(f);
					reader.readAsDataURL(f);
					$.ajax({
						url:shopIp+"/Utils/uploadFiles?userToken="+token,
						type:"post",
						data:formdata,
						dataType:"json",
						async:false,
						cache:false,
						contentType:false,
						processData:false,
						success:function(data) {
							//console.log(data);
							$(".hidden2").val(data.data.path);
						},
						error:function(data) {
							console.log(data);
						}
					})

				}
				document.getElementById('files_2').addEventListener('change', handleFileSelect2, false);

			}else {
			    layer.msg('该浏览器不全部支持File APIs的功能');
			}
			$("#btn").click(function() {
				//alert("222");
				var arr = [];
				$("input[type='hidden']").each(function() {
					arr.push($(this).val());
				})
				//console.log(arr);
				//console.log($(".hidden1").val());
				if(validator1.form()) {
					$.post(shopIp+"/user/realVerify",
						{
							userToken:token,
							identification:$(".idNumber").val(),
							phone:$(".phoneNumber").val(),
							smscode:$(".phoneCode").val(),
							identification_picture:arr
						},
						function(data) {
							if(data.status == "200") {
								layer.msg(data.msg);
								setTimeout(function(){
									location.reload();
								},1000)
							}else{
								layer.msg(data.msg);
							}
					})
				}
			
			})
		})


